<!-- // 轴侧视图 -->
<template>
    <div>
        <el-card>
            <template #header>
                <span class="title-span">默认视图比例</span>
            </template>
            <el-input-number v-model="popShowData.scale"></el-input-number>


        </el-card>

        <el-card style="margin-top: 10px;">
            <template #header>
                <span class="title-span">2D图纸</span>
            </template>
            <el-select v-model="popShowData.twoDDataSelect.selectOne" placeholder="请选择">
                <el-option v-for="item in checkList" :key="item" :label="item" :value="item" />
            </el-select>
            <el-select v-model="popShowData.twoDDataSelect.selectTwo" placeholder="请选择" style="margin-top: 10px;">
                <el-option v-for="item in checkList" :key="item" :label="item" :value="item" />
            </el-select>
        </el-card>

        <el-card style="margin-top: 10px;">
            <template #header>
                <span class="title-span">3D图纸</span>
            </template>
            <el-select v-model="popShowData.threeDDataSelect" placeholder="请选择">
                <el-option v-for="item in checkList" :key="item" :label="item" :value="item" />
            </el-select>
        </el-card>
    </div>
</template>

<script setup>
import { ref, defineProps } from 'vue';

const checkList = ref(['零件编号', '版本', '定义', '术语', '描述', '层级']);

const props = defineProps({
    // Define props here
    showFlowData: {
        type: Object,
    },
    drawer: {
        type: Boolean,
    }
});


const popShowData = ref({
    scale: 1,
    styleList: [],
    informationDefinitionList: [],
    twoDDataSelect: {
        selectOne: '',
        selectTwo: '',
    },
    threeDDataSelect: '',
})


const handleAddAttribute = () => {

}

const handleDeleteAttribute = () => {
    console.log(popShowData.value);

}
</script>

<style scoped>
.checkbox-item-sty {
    display: block;
}

::v-deep .el-checkbox__label {
    font-size: 16px;
    /* 你可以根据需要调整字体大小 */
}
</style>